<template>
  <echartTitle title="滾測點人數實時記錄" />
  <div style="width: 100%;margin-top: 10px;">
    <dv-scroll-board :config="config" style="width:100%;height:180.188px" />
  </div>
</template>
<script lang="ts" setup>
import echartTitle from '../../../components/echartTitle/index.vue';
import {ref,onMounted,reactive} from 'vue'


onMounted(()=>{

})
const config = reactive({
    header: ['地点','准备游泳人数','游泳人数'],
    data: [
        ['大楠溪', 5, 10],
        ['石桅岩', 1, 2],
        ['大若岩', 3, 6],
        ['太平岩', 12, 1],
        ['岩坦溪', 5, 3],
        ['四海山', 6, 8],
        ['源头', 0, 1],
        ['其他', 11, 32]
    ],
    // index: true,
    // columnWidth: [50],
    align: ['center','center','center'],
    rowNum: 5,
    oddRowBGC:"rgba(2,255,255,0.4)",
    evenRowBGC:"rgba(25,255,255,0.5)"
})

const mouseoverHandler = (e: any) => {
    console.log(e)
}

const clickHandler = (e: any) => {
    console.log(e)
}
</script>

<style lang="scss" scoped></style>
